.header {
  position: relative;
  z-index: 100;
  width: 100vw;
  height: 64px;
  line-height: 64px;
  color: var(--color);
  background: var(--bgcolor);
  border-bottom: 1px solid #ccc;

  .container {
    display: flex;
    padding: 0 12%;

    .icon {
      position: relative;
      width: 36px;
      height: 36px;
      margin-top: 14px;
      margin-right: 30px;
    }

    > ul {
      flex: 1;
      display: flex;
      text-align: center;

      > li {
        flex: 1;

        a {
          color: var(--color);
        }
      }
    }

    .right {
      flex: 1.5;

      .text {
        position: relative;
        top: 5px;
        float: right;
        height: 36px;
        margin: 0 20px;
        cursor: 'pointer';

        .sun {
          width: 24px;
          height: 24px;
          margin-top: 14px;
          background: #eec413;
          border-radius: 50%;
        }
      }
    }
  }
}
